{% extends "_layouts/examples.html" %}
{% block title %}Icons / Social{% endblock %}

{% block standalone_css %}patterns_icons{% endblock %}

{% block content %}
<div class="p-strip is-shallow">
    <i class="p-icon--facebook"></i>
    <i class="p-icon--twitter"></i>
    <i class="p-icon--instagram"></i>
    <i class="p-icon--linkedin"></i>
    <i class="p-icon--youtube"></i>
    <i class="p-icon--github"></i>
    <i class="p-icon--rss"></i>
    <i class="p-icon--email"></i>

</div>
<div class="p-strip is-dark is-shallow">
    <i class="p-icon--facebook"></i>
    <i class="p-icon--twitter is-dark"></i>
    <i class="p-icon--instagram"></i>
    <i class="p-icon--linkedin"></i>
    <i class="p-icon--youtube"></i>
    <i class="p-icon--github is-dark"></i>
    <i class="p-icon--rss"></i>
    <i class="p-icon--email"></i>
</div>
{% endblock %}
